<!DOCTYPE html>
<html lang="ru">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Путешествия по России</title>
  <meta name="description" content="портфолио Анны Усовой на Яндекс Практикуме">
  <meta name="keywords" content="html, css">
  <meta name="author" content="Анна Усова">
  <link rel="stylesheet" href="./pages/index.css">
</head>

<body class="page">
  <!-- header -->
  <header class="header">
    <div class="header__logo"></div>
    <nav class="header__lang">
      <a href="#" class="header__lang-link header__lang-link_active">Ru</a>
      <a href="#" class="header__lang-link">En</a>
    </nav>
  </header>

  <main class="content">
    <!--lead -->
    <section class="lead">
      <h1 class="lead__title">Путешествия по России</h1>
      <p class="lead__subtitle">Настоящая страна не в выпусках новостей, а здесь.</p>
      <figure class="lead__image-box">
        <img src="./images/lead-polka.jpg" alt="Изображение" class="lead__image">
        <figcaption class="lead__caption">ваша полка &mdash; верхняя</figcaption>
      </figure>

    </section>

    <!--intro -->
    <section class="intro">
      <h2 class="intro__title">Чего мы там не видели?</h2>
      <p class="intro__text">По опросам ВЦИОМ, 95% россиян мечтают куда-нибудь поехать, но только 36% планируют провести
        отпуск в родной стране. Мол, чего мы тут, дома, не видели? На самом деле, Россия — это целая вселенная с
        ласковым
        морем юга, густыми лесами Саян и суровыми льдами плато Путорана. А ещё увидеть все эти красоты можно без
        миллионов
        на счету, загранпаспорта и многочасовых перелетов. Как, например, Вера Башмакова — смелая молодая мама, которая
        взяла в охапку троих детей, усадила их в свою «Ладу» и проехала 20 тысяч километров по родной стране. Мы выбрали
        и
        описали некоторые интересные места, достойные вашего отпуска.</p>
      <ul class="intro__list">
        <li><span class="intro__list-span">Часовых поясов</span> 11</li>
        <li><span class="intro__list-span">Объектов природного наследия ЮНЕСКО</span> 12</li>
        <li><span class="intro__list-span">Объектов культурного наследия ЮНЕСКО</span> 16</li>
        <li><span class="intro__list-span">Природных заповедников </span> 105</li>
        <li><span class="intro__list-span">Аэропортов</span> 241</li>
      </ul>
    </section>

    <!--photo-grid -->
    <section class="photo-grid">
      <img src="./images/photo-grid-train.jpg" alt="Изображение" class="photo-grid__item">
      <img src="./images/photo-grid-atharva-tulsi.jpg" alt="Изображение" class="photo-grid__item">
      <img src="./images/photo-grid-tuman.jpg" alt="Изображение" class="photo-grid__item">
      <img src="./images//photo-grid-sochi.jpg" alt="Изображение" class="photo-grid__item">
      <img src="./images//photo-grid-arisa.jpg" alt="Изображение" class="photo-grid__item">

      <img src="./images/photo-grid-baikal.jpg" alt="Изображение" class="photo-grid__item">

      <img src="./images/photo-grid-elbrus.jpg" alt="Изображение" class="photo-grid__item">
      <img src="./images/photo-grid-kondratiev.jpg" alt="Изображение" class="photo-grid__item">
      <img src="./images/photo-grid-kamchatka-1.jpg" alt="Изображение" class="photo-grid__item">
      <img src="./images/photo-grid-kamchatka-2.jpg" alt="Изображение" class="photo-grid__item">
      <img src="./images/photo-grid-baikal-2.jpg" alt="Изображение" class="photo-grid__item">
      <img src="./images/photo-grid-ergaki.jpg" alt="Изображение" class="photo-grid__item">
    </section>

    <!--places -->
    <!--Куршская коса -->
    <section class="places">
      <article class="place">
        <h2 class="place__title">Куршская коса</h2>
        <div class="place__website">
          <span class="place__url-heading">url</span>
          <a href="http://park-kosa.ru" class="place__link">park-kosa.ru</a>
        </div>
        <img src="./images/place-kosa.jpg" alt="Куршская коса" class="place__image">
        <div class="place__paragraph-container">
          <p class="place__paragraph">Здесь, посреди лесов и песчаных дюн, вы сможете
            увидеть два водных горизонта — спокойного Куршского залива с одной стороны и подёрнутого рябью волн
            Балтийского моряс другой. Уникальная природная зона на краю российского анклава.</p>
          <p class="place__paragraph">На этом Калининградская область не заканчивается. Для&nbsp;путешественника и
            исследователя там же по соседству — самая западная точка России, Балтийская коса, —
            и немецкое наследие россыпи небольших приморских городов. Атмосфера здешних мест исключает суету, окуная в
            спокойствие природы и запах стального, прохладного моря.</p>
        </div>

      </article>

      <!--Кольский-->
      <article class="place">
        <h2 class="place__title">Кольский</h2>
        <div class="place__website">
          <span class="place__url-heading">url</span>
          <a href="https://yourshot.nationalgeographic.com/photos/?keywords=kolskiy" class="place__link">National
            Geographic</a>
        </div>
        <img src="./images/place-kolsky.jpg" alt="Кольский" class="place__image">
        <div class="place__paragraph-container">
          <p class="place__paragraph">Почти весь полуостров находится за Полярным кругом. Саамская
            тундра, от которой на юг — тайга, а на север — Ледовитый океан, прикидывающийся Баренцевым морем.</p>
          <p class="place__paragraph">Возможно, вы смотрели Звягинцева и даже слышали историю
            арктического фестиваля в Териберке. Возможно, слово «Хибины» не осталось под снегом школьных воспоминаний об
            уроках географии. Возможно, вы не интересовались пронизывающей земную кору сверхглубокой скважиной, а от
            апатитов вас давно накрывает апатия. Но ваша мечта увидеть северное сияние начинает сбываться с билетом в
            Мурманск.</p>
        </div>

      </article>

      <!--Алтай-->
      <article class="place">
        <h2 class="place__title">Алтай</h2>
        <div class="place__website">
          <span class="place__url-heading">url</span>
          <a href="https://www.facebook.com/vera.bashmakova/posts/10156011613718822" class="place__link">Facebook</a>
        </div>
        <img src="./images/place-altai.jpg" alt="Алтай" class="place__image">
        <div class="place__paragraph-container">
          <p class="place__paragraph">Алтай — одно из красивейших мест в России. В первую очередь
            из-за гор: если ехать вдоль хребта, вы увидите склоны, усыпанные соснами, горные реки и озёра. А если вы
            откроете в автомобиле окна, сможете познакомиться с невидимым чудом здешних мест — горным воздухом.</p>
          <p class="place__paragraph">Климат на Алтае умеренный, поэтому ехать сюда лучше всего
            летом. Так вы увидите всё разнообразие местной флоры и фауны. По лесам Алтая бродят лоси, над хребтами
            летают
            орлы, а на равнинах пасутся косули. И знаменитые манулы — тоже обитатели Алтайского края.</p>
        </div>

      </article>

      <!--Зимний Байкал-->
      <article class="place">
        <h2 class="place__title">Зимний Байкал</h2>
        <div class="place__website">
          <span class="place__url-heading">url</span>
          <a href="https://vk.com/baikalmile" class="place__link">https://vk.com/baikalmile</a>
        </div>
        <img src="./images/place-winter-baikal.jpg" alt="Зимний Байкал" class="place__image">
        <div class="place__paragraph-container">
          <p class="place__paragraph">Всем известен Байкал как крупнейшее озеро в мире. Многие также
            знают, что это самый большой источник пресной воды и одно из красивейших мест в России.</p>
          <p class="place__paragraph">Конечно, это всё так. Но Байкал ещё идеальное место&nbsp;для соревнований по
            скийорингу. Это такой вид спорта, когда лыжник привязывает себя к мотоциклу, и тандем
            старается развить как можно бóльшую скорость на льду. В марте 2019 года на фестивале «Байкальская миля» был
            поставлен мировой рекорд — 197.011 км/ч.</p>
        </div>

      </article>

      <!--Карелия-->
      <article class="place">
        <h2 class="place__title">Карелия</h2>
        <div class="place__website">
          <span class="place__url-heading">url</span>
          <a href="http://vodlozero.ru" class="place__link">http://vodlozero.ru/</a>
        </div>
        <img src="./images/place-karelia.jpg" alt="Карелия" class="place__image">
        <p class="place__paragraph">Сибирь заканчивается не на Урале, а в Карелии: образующая
          тайгу сибирская лиственница не растёт западнее Водлозера. Зато здесь она вымахивает на 30 метров — леса
          карельских национальных парков из-за непроходимых болот никогда не знали топора. Некоторым соснам уже больше
          чем
          полтысячелетия. Прикоснитесь к живому существу, видевшему солнце раньше, чем увидал его Иван Грозный. В
          девственном лесу на сотню километров не встретишь тропы. А на редких тропинках деревья в паре метров от земли
          помечены медвежьими когтями. Чтобы все знали, кто тут хозяин.</p>
      </article>
    </section>

    <!--cover-->
    <section class="cover">
      <a href="https://stampsy.com/na-elektrichkakh-do-baikala" class="cover__background">
        <h2 class="cover__title">До Байкала «на&nbsp;собаках»</h2>
        <p class="cover__subtitle">По мотивам учебной темы о&nbsp;Транссибе&nbsp;— путешествие от&nbsp;столицы&nbsp;до
          Байкала
          на электричках.
        </p>
      </a>
    </section>

  </main>


  <!--footer-->
  <footer class="footer">
    <nav class="footer__links">
      <a href="https://yandex.ru/maps" class="footer__link">Карты</a>
      <a href="https://yandex.ru/pogoda" class="footer__link">Погода</a>
      <a href="https://rasp.yandex.ru" class="footer__link">Расписание</a>
      <a href="https://calendar.yandex.ru" class="footer__link">Календарь</a>
      <a href="https://travel.yandex.ru" class="footer__link">Путешествия</a>
    </nav>
    <p class="footer__copyright">&copy; 2022. Anna Usova</p>
  </footer>
</body>

</html>